<%@page contentType="text/html;charset=UTF-8" language="java"%>
<%@ page import="java.util.Calendar" %>
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
    <link rel="stylesheet" type="text/css" href="static/css/normalize.css"/>
    <script src="static/js/login.js"></script>
    <script src="static/js/jquery-2.1.1.js"></script>
</head>
<body>
<div id="sky"></div>
<div id="head"></div>
<div id="middle">
    <form action="/Login" method="post">
        <ul style="text-align: center;">
            <li style="font-size: 48px">在线图书系统</li>
            <li><input class="name" name="user" placeholder="请输入用户名"></li>
            <li><input type="password" name="password" class="pwd" placeholder="请输入密码"></li>
            <li id="verifyCode" style="display: block;"><input id="valid" name="verification"  class="form-control" placeholder="请输入验证码" maxlength="4">
                <span id="validcode">
<img id="verifyCodePic" src="imges/" οnclick="getVerify();" alt="点击更换验证码"/>
</span>
                <span  id="changeimg" οnclick="getVerify();" rel="nofollow">
换一张
</span></li>


                <li style="font-size: 17px">
                    <input type="radio" name="type" value="reader" checked="checked"  id="input"/>读者
                    <input type="radio" name="type" value="admin" id="input2"/>管理员
                </li>
            <li><button id="login" name="denglu">立即登录</button><br><br>
                <button type="reset"  id="reset">重置</button>
            </li>




        </ul>
    </form>
</div>
<div id="footer">

    <a>关于我们@qq2623730553 &nbsp &nbsp|&nbsp &nbsp</a>

    <%Calendar calendar=Calendar.getInstance();%>
    <a>Copyright ©2019-<%=calendar.get(Calendar.YEAR)%>  保留所有权利    昆ICP备110号-1</a>
</div>
<div id="cloud"></div>
</body>
</html>